.tab-nav.tab-nav-right {
  text-align: right;
}

.tab-nav {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  margin: 0;
  overflow: auto;
  box-shadow: inset 0 -2px 0 0 #eeeeee;
  width: 100%;
  li {
    display: inline-block;
    vertical-align: top;
    &> a {
      display: inline-block;
      color: #7a7a7a;
      text-transform: uppercase;
      position: relative;
      width: 100%;
      transition: all;
      transition-duration: 250ms;
      font-weight: 500;
        padding: 12px 10px;
      &:after {
        content: "";
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        transition: all;
        transition-duration: 250ms;
        transform: scale(0);
        background-color: #2196F3;
      }
    }
    &.active > a {
      color: #000;
      &:after {
        transform: scale(1);
      }
    }
  }
}
.tab-content {
  padding: 10px 0;
    & > .active {
      display: block !important;
    }
    & > .tab-pane {
      display: none;
    }
}
